<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册页面</title>
    <link rel="shortcut icon" href="../../assets/imgs/name.svg" type="image/x-icon">
    <!-- 1.重置样式 -->
    <link rel="stylesheet" href="../../assets/css/normalize.css">

    <!-- 2.公共样式 -->
    <link rel="stylesheet" href="../../assets/css/common.css">
    <!-- 本页面单用样式 -->
    <link rel="stylesheet" href="./register.css">
</head>

<body>
    <!-- 头部 -->
    <div class="top">
        <div class="container">
            <a href="../home/home.html">
                <img src="../../assets/imgs/new-logo-white2.png" alt="">
            </a>
            <p>已有源码账号，<a href="../login/login.html">立即登录</a></p>
        </div>
    </div>

    <!-- 主体部分 -->
    <div class="min">
        <div class="container">
            <div class="box clearfix">
                <h2>欢迎注册</h2>
                <h3>百款接口免费试用</h3>
                <p class="reg"><img src="../../assets/imgs/reg-gift.png" alt="">注册即送300元大礼包</p>
                <!-- 用户名 -->
                <div>
                    <input class="inp" type="text" placeholder="用户名(6~20位字母数字)" id="user">
                    <p class="message1 message"><span></span>昵称需在6-12位字母数字间</p>
                    <img class="imgbox1 imgBox" src="../../assets/imgs/clearInput.png" alt="">
                </div>
                <div>
                    <!-- 手机号 -->
                    <input class="inp" type="number" name="" placeholder="请输入手机号码" id="tel">
                    <p class="message2 message"><span></span>请输入正确的手机号</p>
                    <img class="imgbox2 imgBox" src="../../assets/imgs/clearInput.png" alt="">
                </div>
                <!-- 验证码 -->
                <div style="display: inline-block;">
                    <input class="inp fl" type="number" name="" placeholder="请输入手机短信验证码" id="num">
                    <!-- <input type="button" name="" value="获取验证码" id="gain" class="fl"> -->
                    <button id="gain"><span id="timeBox">获取验证码</span></button>
                    <p class="message3 message"><span></span>请输入6位手机验证码</p>
                    <img class="imgbox3 imgBox" src="../../assets/imgs/clearInput.png" alt="" style="margin: 38px 0 0 -160px;">
                </div>
                <!-- 密码 -->
                <div>
                    <input class="inp" type="password" name="" id="pwd" placeholder="请输入6至12位的密码">
                    <p class="message4 message"><span></span>请输入6至12位的密码</p>
                    <img class="imgbox4 imgBox" src="../../assets/imgs/clearInput.png" alt=""></div>

                <!-- 协议 -->
                <div class="clearfix">
                    <input type="checkbox" name="" id="selected" class="fl">
                    <div class="fl deal">
                        <span>我已阅读并接受</span>
                        <a href="">《源码用户服务协议》</a>
                        <a href="">《落源码隐私政策》</a>
                    </div>
                    <p class="message5 message"><span></span>请同意协议</p>
                </div>
                <!-- 注册点击 -->
                <!-- <button id="btn">立即注册</button> -->
                <input type="button" name="" value="立即注册" id="btn">
            </div>
        </div>
    </div>


    <script src="./register1.js"></script>
</body>

</html>